import { PackageManagerTabs } from "../../../../../src/theme/PackageManagerTabs";

# Vanilla

基于 `Farm` 创建一个 `Vanilla` 项目。

`Farm` 提供两种方案来支持创建 `Vanilla` 项目: 
- 使用 `create-farm` 脚手架创建脚手架项目
- 你可以根据当前文档手动创建一个 `Vanilla` 项目

### 创建 Vanilla 项目

<PackageManagerTabs command="npm create farm@latest" />

在 `Select Framework` 中选择 `Vanilla` 模版

运行 vanilla 模版项目不需要安装任何其他依赖，直接启动开发服务器即可

开发环境时运行

<PackageManagerTabs command="npm run dev" />

在生产环境下进行打包

<PackageManagerTabs command="npm run build" />

预览生产环境打包之后构建的产物

<PackageManagerTabs command="npm run preview" />

如若想查看示例详情: [Vanilla 示例](https://github.com/farm-fe/farm/tree/main/crates/create-farm-rs/template/vanilla)
